﻿@{
    ViewBag.Title = "OES VietNam - Giải Pháp Tối Ưu Doanh Nghiệp";
    Layout = "~/Views/Shared/_LayoutHome.cshtml";
}
<style type="text/css">
    body {
        background: url(/Content/Images/bg_Index.png) repeat;
        color: #454545;
        font: 13px 'Helvetica','Lucida Sans Unicode','Lucida Grande',sans-serif;
        line-height: 1.5em;
    }

    .container {
        position: relative;
        width: 1000px;
        margin: 0 auto;
        padding: 0;
    }

        .container .four.columns {
            width: 230px;
        }

        .container .column, .container .columns {
            float: left;
            display: inline;
            margin-left: 10px;
            margin-right: 10px;
        }

    .feature-icon {
        display: inline-block;
        float: left;
        height: 36px;
        margin-right: 15px;
        margin-top: -8px;
        text-align: center;
        width: 36px;
        font-family: FontAwesome;
        font-size: 40px;
    }

        .feature-icon a {
            color: #4E4E50;
        }

            .feature-icon a:hover, .feature-description h4:hover {
                color: #1A99CC;
            }

    .feature-description h4 {
        font-size: 23px;
        font-weight: normal;
    }

    .feature p {
        font-size: 13px;
        margin-top: 20px;
        color: #454545;
    }

    .feature-description h4 {
        color: #333;
        font-family: 'Roboto Condensed','Lucida Sans Unicode','Lucida Grande',sans-serif;
        line-height: 1.25;
    }
</style>

<div id="Slider">
    @Html.Partial("_pSlider")
</div>

<div class="clear"></div>
<br />
<br />

<section id="content">
    <!-- Features -->
    <div class="container" id="feature">

        <div class="feature four columns">
            <div class="feature-icon">
                <a href="/Home/Contact"><i class="fa fa-envelope"></i></a>
            </div>
            <div class="feature-description">
                <a href="/Home/Contact">
                    <h4>Đề nghị báo giá</h4>
                </a>
                <p>Đối với chúng tôi, mỗi dự án đều là những tác phẩm thiết kế chuyên biệt, chúng tôi luôn mong muốn đem lại chất lượng tốt nhất cho mỗi dự án.</p>
            </div>
        </div>
        <div class="feature four columns">
            <div class="feature-icon">
                <a href="/Home/Services"><i class="fa fa-briefcase"></i></a>
            </div>
            <div class="feature-description">
                <a href="/Home/Services">
                    <h4>Chọn gói dịch vụ</h4>
                </a>                
                <p>Với kinh nghiệm hơn 5 năm, OES VIETNAM cung cấp dịch vụ thiết kế web chuyên nghiệp và hiệu quả. Chúng tôi luôn đồng hành cùng doanh nghiệp viết lên thành công.</p>
            </div>
        </div>
        <div class="feature four columns">
            <div class="feature-icon">
                <a href="#"><i class="fa fa-newspaper-o"></i></a>
            </div>
            <div class="feature-description">
                <a href="#">
                    <h4>Tin tức công ty</h4>
                </a>
                <p>Với thời đại công nghệ phát triển như hiện nay, một website tốt là một website có thể hiển thị tốt trên các thiết bị di động, nắm bắt người dùng ở mọi thời điểm.</p>
            </div>
        </div>
        <div class="feature four columns">
            <div class="feature-icon">
                <a href="/Home/About"><i class="fa fa-users"></i></a>
            </div>
            <div class="feature-description">
                <a href="/Home/About">
                    <h4>Hồ sơ năng lực</h4>
                </a>
                <p>Các website của OES VIETNAM sử dụng CMS do công ty tự phát triển với mức độ tối ưu SEO cực tốt, đồng thời cung cấp thêm các dịch vụ marketing online cho khách hàng.</p>
            </div>
        </div>

    </div>


    <!-- /Features -->
</section>

<div class="clear"></div>
<br />
<br />
